<template>
  <div>
    <div class="login">
    <div class="tou">手机登录</div>
    <!-- <div class="box1">
     
      <button>登录</button>
      <div>
        23123123
      </div>
    </div> -->
      
    <!-- 导航标题 -->
     <img class="img" src="../assets/img/logo1.png" alt="" />
   <div class="box1">
    <van-cell-group>
      <van-field
       
      
        label="手机号"
        placeholder="请输入手机号"
      />
      <van-field
        placeholder="请输入密码"
     
       
        type="password"
        label="密码"
      />
    </van-cell-group>
    <van-button type="danger" block @click="$router.push(`/home`)">登录</van-button>
    </div>
  </div>
  </div>
  
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style  scoped>
.tou {
  width: 100%;
  background-color: #fb4723;

  height: 46px;
  color: #323233;

  font-size: 24px;

  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}
.box1 {
    width: 100%;
  display: flex;
  flex-direction: column; /* 垂直排列子盒子 */
  justify-content: center; /* 垂直居中子盒子（如果需要） */
  /* margin-right: 1rem; */
  margin-top: 4rem;
}
.img{
   
    float: left;
    margin-left: 2rem;
    margin-top: 2rem;
}
</style>
